<div class="app-header">
	<div class="content-container clearfix">

		<div id="logo" class="logo">
			<a href="/">Yelp</a>
		</div>

		<form role="search" class="header-search-form" id="header_find_form"
			action="/search" method="get" data-component-bound="true">
			<div
				class="search-field-container with-suggestions-list flex-container-inline find-decorator">
				<div class="search-field flex-container-inline">
					<label class="label" for="find_desc">查找</label>
					<div class="flex-box input-holder">
						<input tabindex="1" aria-autocomplete="list" value=""
							placeholder="tacos, cheap dinner, Max’s" name="find_desc"
							maxlength="64" id="find_desc" autocomplete="off"
							data-component-bound="true">
					</div>
				</div>
				<div
					class="suggestions-list-container search-suggestions-list-container hidden"
					data-component-bound="true">
					<ul aria-label="Search results" role="listbox"
						class="suggestions-list"></ul>
				</div>
			</div>

			<div
				class="search-field-container with-suggestions-list flex-container-inline near-decorator">
				<div class="search-field flex-container-inline">
					<label class="label" for="dropperText_Mast">Near</label>
					<div class="flex-box input-holder">
						<input tabindex="2" aria-autocomplete="list" value="香港"
							placeholder="address, neighborhood, city, state or zip"
							name="find_loc" maxlength="80" id="dropperText_Mast"
							autocomplete="off" data-component-bound="true"> <input
							type="hidden" value="1" name="ns">
					</div>

				</div>
				<div
					class="suggestions-list-container location-suggestions-list-container hidden"
					data-component-bound="true">
					<ul aria-label="Search results" role="listbox"
						class="suggestions-list"></ul>
				</div>
			</div>

			<div class="button-container">
				<button class="ybtn ybtn-primary header-button" value="submit"
					type="submit" title="Search" tabindex="3" id="header-search-submit">
					<span> <i class="i ig-common i-search-common"></i>
						<div class="spinner hidden">
							<div class="spinner-container container1">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
							<div class="spinner-container container2">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
							<div class="spinner-container container3">
								<div class="circle1"></div>
								<div class="circle2"></div>
								<div class="circle3"></div>
								<div class="circle4"></div>
							</div>
						</div>

					</span>
				</button>
			</div>
		</form>

		<div class="header-account webview-hidden">
	
                [@shiro.guest]
						<ul class="logged-out-nav">
				<li><a class="ybtn ybtn-primary header-button sign-up"
					id="header-sign-up" href="signup.htm">注册</a>
				</li>
				<li class="text-centered"><a
					href="login.htm"
					class="header-nav-link log-in"> 登陆 </a></li>
			</ul>
			[/@shiro.guest]
			[@shiro.user] 
					<ul class="logged-out-nav">
				<li><a class=" header-nav-link "
					id="header-sign-up" href="index.htm">[@shiro.principal /]</a>
				</li>
				<li class="text-centered"><a
					href="${siteurl}/logout.htm"
					class="header-nav-link log-in"> 退出 </a></li>
			</ul>
			[/@shiro.user]
		</div>

		<ul id="header-nav" class="header-nav pull-left">
			<li id="home-link" class="inline-block"><a href="index.htm"
				class="header-nav-link"> 主页 </a></li>
			<li id="about-me" class="inline-block"><a href="user_details.htm"
				class="header-nav-link"> 关于我 </a></li>
			<li id="write-review" class="inline-block"><a
				href="writeareview.htm" class="header-nav-link">
					写评语 </a></li>
			<li id="find-friends" class="inline-block"><a
				href="/signup?return_url=%2Ffind_friends%2F" class="header-nav-link">
					找朋友 </a></li>
			<li id="messaging" class="inline-block"><a
				href="fmail.htm" class="header-nav-link">
					消息 </a></li>
			<li id="talk" class="inline-block"><a href="talk.htm"
				class="header-nav-link"> 讨论 </a></li>
			<li id="events" class="inline-block"><a href="events.htm"
				class="header-nav-link"> 活动 </a></li>
		</ul>

	</div>
</div>